{% extends 'blog/index.html' %}

{% block head %}
<link rel="stylesheet" href="https://fu-mingzhe.github.io/static/tinymce/plugins/becodesample/highlight.js-11.5.1/styles/atom-one-light.css">
{% endblock %}

{% block section %}

<div class="box">
    <h1 class="is-size-2 has-text-weight-bold">
        <a>{{ blog['标题'] }}</a>
    </h1>
    <div class="is-size-7 has-text-grey-light pt-1 pb-1">
        <span class="mr-3">作者:{{ blog['作者'] }}</span> <span>发布日期:{{ blog['上传日期']|strftime }}</span> <span>修改日期:{{ blog['修改日期']|strftime }}</span> <span>浏览量:{{ blog['浏览量'] }}</span>
    </div>
    <div class="content" style="margin-top: 1em;">
        文章描述: {{ blog['描述'] }}
    </div>
    <div class="content" style="margin-top: 2em;">
        {{ blog['文章内容']|safe }}
    </div>
</div>

<div class="box">
    <div class="level">
        <div class="level-left">
            {% if prev_blog != None %}
            <span>上一篇:</span><a href="/blogs/{{ prev_blog.文章id }}" class="level-item">{{ prev_blog.标题 }}</a>
            {% else %}
            <span class="has-text-danger-dark is-size-7">无上一篇</span>
            {% endif %}
        </div>
        <div class="level-right">
            {% if next_blog != None %}
            <span>下一篇:</span><a href="/blogs/{{ next_blog.文章id }}" class="level-item">{{ next_blog.标题 }}</a>
            {% else %}
            <span class="has-text-danger-dark is-size-7">已经是最后一篇</span>
            {% endif %}
        </div>
    </div>
</div>

{% endblock %}